<template>
  <div class="card_box">
      <div class="header_box">
          <slot name="title">标题</slot>
      </div>
    <slot class="content" name="content"></slot>
  </div>
</template>

<script>
export default {
  name: "card_box",
};
</script>

<style scoped>
.card_box {
  background-color: rgba(11, 44, 95, 0.05);
  display: grid;
  grid-template-rows: 1fr 5fr;
  /*min-height: 0.5rem;*/
  width: 100%;
  margin-bottom: 0.25rem;
}
.header_box {
  height: 0.5rem;
    color: #1acacc;
    font-size: 0.2rem;
    line-height: 0.5rem;
  background: url("../../assets/image/title_box.png") no-repeat;
}
.content {
  min-height: 0.25rem;
}
</style>
